import { Head } from "../../components/Head/Head";
import { Side } from "../../components/Side/Side";
import { Foot } from "../../components/Foot/Foot";
import { Routes, Route } from "react-router";

import InsertInfo from "../InsertInfo";
import Info from "../Info";
import Record from "../Record";
import { Layout } from "antd";
import { NotFound } from "../../App";

const { Content } = Layout;
export function Page() {
  return (
    <>
      <Layout>
        <Head />
        <Content>
          <Layout style={{ padding: "24px 0" }}>
            <Side />
            <div style={{ width: "100%" }}>
              <Routes>
                <Route path="/info" element={<Info />} />
                <Route path="/info/insert" element={<InsertInfo />} />
                <Route path="/record" element={<Record />} />
                <Route path="*" element={<NotFound />} />
              </Routes>
            </div>
          </Layout>
        </Content>
        <Foot />
      </Layout>
    </>
  );
}
